<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
    <title>Doctores</title>
    <link href="/EmergenciasWAR/public/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
    <link href="/EmergenciasWAR/public/css/bootstrap-select.min.css" rel='stylesheet' type='text/css' />        
    <link href="/EmergenciasWAR/public/css/datepicker.css" rel='stylesheet' type='text/css' />


    <script src="/EmergenciasWAR/public/js/jquery/jquery.min.js" charset="UTF-8" type="text/javascript"></script>    
    <script src="/EmergenciasWAR/public/js/bootstrap/bootstrap.min.js" charset="UTF-8" type="text/javascript"></script>
    <script src="/EmergenciasWAR/public/js/bootstrap/bootstrapValidator.min.js" charset="UTF-8" type="text/javascript"></script>
    <script src="/EmergenciasWAR/public/js/bootstrap/bootstrap-select.min.js" charset="UTF-8" type="text/javascript"></script>
    <script src="/EmergenciasWAR/public/js/bootstrap/bootbox.min.js" charset="UTF-8" type="text/javascript"></script>    
    <script src="/EmergenciasWAR/public/js/bootstrap/bootstrap-datepicker.js" charset="UTF-8" type="text/javascript"></script>           
    <script src="/EmergenciasWAR/public/js/admin/doctores.js" charset="UTF-8" type="text/javascript"></script>

</head>
<body>
    <jsp:include page="menu_barra.jsp"/>
    <div class="container">
        <div class="row" style="margin-top: 50px;">

            <table class="table table-striped table-condensed"><tr><th><h4 class="text-info" align="center"><i class="glyphicon glyphicon-plus"></i> Agregar Doctor</h4></th></tr></table>
            <div class="col-md-6 col-md-offset-3" style="margin-bottom: 30px">
                <form id="agregarForm" class="form-horizontal">                    

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Nro. de Documento:</label>
                        <div class="col-sm-6">
                            <input type="text" id="inputNroDoc" class="form-control" name="nro_doc" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Nombres:</label>
                        <div class="col-sm-6">
                            <input type="text" id="inputNombres" class="form-control" name="nombres" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Apellidos:</label>
                        <div class="col-sm-6">
                            <input type="text" id="inputApellidos" class="form-control" name="apellidos" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Fecha de Nacimiento:</label>                                
                        <div class="input-group date col-sm-6">
                            <input readonly='true' type="text" class="form-control"  id="inputFechaNac" name="fecha_nac"> </br>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Direcci&oacute;n Casa:</label>
                        <div class="col-sm-6">
                            <input type="text" id="inputDireccionCasa" class="form-control" name="direccionCasa" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Direcci&oacute;n Trabajo:</label>
                        <div class="col-sm-6">
                            <input type="text" id="inputDireccionTrabajo" class="form-control" name="direccionTrabajo" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Tel&eacute;fono:</label>
                        <div class="col-sm-6">
                            <input type="text" id="inputNroTelefono" class="form-control" name="nro_telefono" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Celular:</label>
                        <div class="col-sm-6">
                            <input type="text" id="inputNroCelular" class="form-control" name="nro_celular" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Email: </label>
                        <div class="col-sm-6">
                            <input type="text" id="inputEmail" class="form-control" name="email" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Peso:</label>
                        <div class="col-sm-6">
                            <input type="text" id="inputPeso" class="form-control" name="peso" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Grupo Sangu&iacute;neo:</label>
                        <div class="col-sm-6">
                            <input type="text" id="inputGrupoSangre" class="form-control" name="grupo_sangre" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-sm-3" for="inputGeneros">Genero:</label>
                        <div class="col-sm-6">
                            <select class="selectpicker" id="inputGeneros" name="idGenero" title="Seleccione un genero" style="width: 100%">

                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-sm-3" for="inputPais">Pa&iacute;s:</label>
                        <div class="col-sm-6">
                            <select class="selectpicker" id="inputPaises" name="idPais" title="Seleccione un pa&iacute;s" >

                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-sm-3" for="inputCiudad">Ciudad:</label>
                        <div class="col-sm-6">
                            <select class="selectpicker" id="inputCiudades" name="idCiudad" title="Seleccione una ciudad">

                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Imagen:</label>
                        <div class="col-sm-6">
                            <p>
                                <input type="file" size="32" name="my_field" value="" id="archivoImagenCarga" />                                        
                            </p>                                                                        
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Contrase&ntilde;a:</label>
                        <div class="col-sm-6">
                            <input type="password" id="inputContrasenha" class="form-control" name="contrasenha" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Confirmar:</label>
                        <div class="col-sm-6">
                            <input type="password" id="inputConfirmarContrasenha" class="form-control" name="confirmarContrasenha" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-4"></div>
                        <div class="controls col-lg-8">
                            <button type="submit" class="btn btn-primary" id="buttonGuardar" ><i class="glyphicon glyphicon-floppy-saved"></i> Guardar</button>
                        </div>
                    </div>
                </form>  
            </div>

            <div class="table-responsive">
                <table class="table table-striped table-condensed"><tr><th><h4 class="text-info" align="center"><i class="glyphicon glyphicon-list"></i> Lista de Doctores</h4></th></tr></table>
                <table id="assigned-vm-table" class="table table-striped table-hover">
                    <tbody>

                    </tbody>
                </table>
            </div>
            <div class="modal fade" id="myModal" style="visibility: hidden;">
                <div class="modal-dialog">  
                    <div class="modal-content">
                        <div class="modal-header">  
                            <button type="button" class="close cerrarVentanaEditar" data-dismiss="modal" aria-hidden="true">&times;</button>  
                            <h4 class="modal-title text-info"> <i class="glyphicon glyphicon-edit"></i> Editar Doctor</h4> 
                        </div> 
                        <div class="modal-body">     
                            <form id="actualizarForm" class="form-horizontal">                    

                                <input type="hidden" name="id_doctor" id="inputActIdDoctor" value=""/>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Nro. de Documento:</label>
                                    <div class="col-sm-6">
                                        <input type="text" id="inputActNroDoc" class="form-control" name="nro_doc" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Nombres:</label>
                                    <div class="col-sm-6">
                                        <input type="text" id="inputActNombres" class="form-control" name="nombres" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Apellidos:</label>
                                    <div class="col-sm-6">
                                        <input type="text" id="inputActApellidos" class="form-control" name="apellidos" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Fecha de Nacimiento:</label>                                
                                    <div class="input-group date col-sm-6">
                                        <input readonly='true' type="text" class="form-control"  id="inputActFechaNac" name="fecha_nac"> </br>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Direcci&oacute;n Casa:</label>
                                    <div class="col-sm-6">
                                        <input type="text" id="inputActDireccionCasa" class="form-control" name="direccionCasa" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Direcci&oacute;n Trabajo:</label>
                                    <div class="col-sm-6">
                                        <input type="text" id="inputActDireccionTrabajo" class="form-control" name="direccionTrabajo" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Tel&eacute;fono:</label>
                                    <div class="col-sm-6">
                                        <input type="text" id="inputActNroTelefono" class="form-control" name="nro_telefono" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Celular:</label>
                                    <div class="col-sm-6">
                                        <input type="text" id="inputActNroCelular" class="form-control" name="nro_celular" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Email: </label>
                                    <div class="col-sm-6">
                                        <input type="text" id="inputActEmail" class="form-control" name="email" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Peso:</label>
                                    <div class="col-sm-6">
                                        <input type="text" id="inputActPeso" class="form-control" name="peso" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Grupo Sangu&iacute;neo:</label>
                                    <div class="col-sm-6">
                                        <input type="text" id="inputActGrupoSangre" class="form-control" name="grupo_sangre" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label col-sm-3" for="inputActGenero">Genero:</label>
                                    <div class="col-sm-6">
                                        <select class="selectpicker" id="inputActGeneros" name="idGenero" title="Seleccione un genero">

                                        </select>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label col-sm-3" for="inputActPais">Pa&iacute;s:</label>
                                    <div class="col-sm-6">
                                        <select class="selectpicker" id="inputActPaises" name="idPais" title="Seleccione un pa&iacute;s">

                                        </select>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label col-sm-3" for="inputActCiudad">Ciudad:</label>
                                    <div class="col-sm-6" >
                                        <select class="selectpicker" id="inputActCiudades" name="idCiudad" title="Seleccione una ciudad">

                                        </select>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Imagen:</label>
                                    <div class="col-sm-6">
                                        <p>
                                            <input type="file" size="32" name="my_field" value="" id="archivoImagenCarga" />                                        
                                        </p>                                                                        
                                    </div>
                                </div>

                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" id="modContrasenha" > Restablecer Contrase&ntilde;a
                                    </label>
                                </div>

                                <fieldset id="fieldsetModContrasenha" disabled>
                                    <!--legend class="modal-title text-info">Restablecer Contrase&ntilde;a</legend-->                                        
                                    <br/>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">Contrase&ntilde;a:</label>
                                        <div class="col-sm-6">
                                            <input type="password" id="inputActContrasenha" class="form-control" name="contrasenha" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">Confirmar:</label>
                                        <div class="col-sm-6">
                                            <input type="password" id="inputActConfirmarContrasenha" class="form-control" name="confirmarContrasenha" />
                                        </div>
                                    </div>    
                                </fieldset>

                                <div class="row">
                                    <div class="col-lg-4"></div>
                                    <div class="controls col-lg-8">
                                        <button type="button" class="btn btn-default cerrarVentanaEditar" data-dismiss="modal"><i class="glyphicon glyphicon-eye-close"></i> Cerrar</button>                                              
                                        <button type="submit" class="btn btn-primary" id="buttonActualizar"><i class="glyphicon glyphicon-floppy-saved"></i> Actualizar</button>
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>